﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Login control panel</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="publisher" href="https://plus.google.com/107919748010460145928" />
    <!-- Le styles -->
    <link href="/backend/css/bootstrap.css" rel="stylesheet">
    <link href="/backend/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="/backend/css/general.css" rel="stylesheet">
    <link href="/backend/css/colors/noise-red.css" rel="stylesheet" id="theme">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <link href="/backend/css/ie8.css" rel="stylesheet">
      <script src="../../html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <script src="/backend/js/respond/respond.min.js"></script>
    <![endif]-->

    <script>
      //* hide all elements & show preloader
      document.documentElement.className += 'loader';
    </script>
  </head>

  <body>

    <div class="mainContainer">
      <div class="loginWrap">
          <div class="loginContainer">
            <div class="loginHeader">
              <h5><img src="/backend/img/icons/14x14/lock3.png" alt=""> Login</h5>
              <ul class="titleButtons">
                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><img src="/backend/img/icons/14x14/cog2.png" alt=""></a>
                  <ul class="dropdown-menu pull-right">
                    <li><a href="#">Forgot password?</a></li>
                  </ul>
                </li>
              </ul>
            </div>
              <form action="/cpanel/login" method="post" id="validateLogin">
                  <div id="msg" style="color: rgb(199, 0, 0);font-size: 13px;padding-top: 10px;text-align: center;">@ViewBag.Error</div>
                  <label for="username">Username</label>
                  <div class="inputField">
                      <input type="text" id="username" name="username">
                      <img src="/backend/img/icons/14x14/member2.png" alt="">
                  </div>
                  <label for="password">Password</label>
                  <div class="inputField">
                      <input type="password" id="password" name="password">
                      <img src="/backend/img/icons/14x14/lock3.png" alt="">
                  </div>
                  <div class="checkX">
                      <label class="formButton"><input type="checkbox" name="remember" id="remember"> <span>Remember me</span></label>
                  </div>
                  <button type="submit" class="button noMargin sButton blockButton bOlive">Login</button>
              </form>
          </div>
        </div>
    </div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/backend/js/jquery-1.8.3.js"></script>
    <script src="/backend/js/ui/jquery-ui-1.9.2.custom.js"></script>

    <!-- Jquery form wizard -->
    <script src="/backend/js/formWizard/jquery.form.js"></script>    
    <script src="/backend/js/formWizard/jquery.validate.js"></script>    
    <script src="/backend/js/formWizard/bbq.js"></script>  
    <script src="/backend/js/formWizard/jquery.form.wizard.js"></script>

    <!-- antiscroll plugin -->
    <script src="/backend/js/scrollbar/jquery.mCustomScrollbar.js"></script>

    <!-- fullcalendar plugin -->
    <script src="/backend/js/fullcalendar/fullcalendar.js"></script>

    <!-- tipsyS plugin -->
    <script src="/backend/js/tipsy/jquery.tipsy.js"></script>

    <!-- fancybox plugin -->
    <script src="/backend/js/fancybox/jquery.fancybox.pack.js"></script>

    <!-- uniform plugin -->
    <script src="/backend/js/uniform/jquery.uniform.js"></script>

    <!-- Jquery dataTable -->
    <script src="/backend/js/dataTable/jquery.dataTables.js"></script>

    <!-- uniform plugin -->
    <script src="/backend/js/sparklines/jquery.sparkline.js"></script>

    <!-- chosen plugin -->
    <script src="/backend/js/chosen/chosen.jquery.js"></script>

    <!-- cookie plugin -->
    <script src="/backend/js/cookie/jquery.cookie.js"></script>

    <!-- jplayer plugin -->
    <script src="/backend/js/jplayer/jquery.jplayer.min.js"></script>

    <!-- mask plugin -->
    <script src="/backend/js/mask/jquery.maskedinput-1.3.js"></script>

    <!-- easypiechart plugin -->
    <script src="/backend/js/easypiechart/jquery.easy-pie-chart.js"></script>

    <!-- globalize plugin -->
    <script src="/backend/js/globalize/globalize.js"></script>
    <script src="/backend/js/globalize/cultures/globalize.culture.de.js"></script>

    <!-- jplayer plugin -->
    <script src="/backend/js/jplayer/jquery.jplayer.min.js"></script>
    <script src="/backend/js/jplayer/jplayer.playlist.min.js"></script>

    <!-- ibutton plugin -->
    <script src="/backend/js/ibutton/jquery.ibutton.js"></script>

    <!-- daterangepicker plugin -->
    <script src="/backend/js/dateRangepicker/date.js"></script>
    <script src="/backend/js/dateRangepicker/daterangepicker.jQuery.js"></script>

    <!-- antiscroll plugin -->
    <script src="/backend/js/antiscroll/jquery-mousewheel.js"></script>    
    <script src="/backend/js/antiscroll/antiscroll.js"></script>    

    <script src="/backend/js/bootstrap.min.js"></script>   
    <script src="/backend/js/application.js"></script>      

    <script src="/backend/js/general.js"></script>
    <script src="/backend/js/forms.js"></script>

    <script>
      $(document).ready(function() {
        setTimeout('$("html").removeClass("loader")',1000);
      });
    </script>

  </body>
</html>
